<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Line Area Empty Dimension Name Test</title>
    <script src="lib/simpleRequire.js"></script>
    <script src="lib/config.js"></script>
</head>
<body>
    <style>
        html, body, #main {
            width: 100%;
            height: 100%;
            margin: 0;
        }
    </style>
    
    <div id="main"></div>
    
    <script>
        require(['echarts'], function (echarts) {
            var chart = echarts.init(document.getElementById('main'));
            
            var option = {
                title: {
                    text: 'Line Area with Empty Dimension Name',
                    left: 'center'
                },
                dataset: [{
                    dimensions: [
                        'x',
                        {
                            name: '', // Empty dimension name for area test
                        }
                    ],
                    source: [
                        [1, 20],
                        [2, 10],
                        [3, 25],
                        [4, 15],
                        [5, 18]
                    ]
                }],
                xAxis: {
                    type: 'category'
                },
                yAxis: {
                    type: 'value'
                },
                series: [{
                    type: 'line',
                    areaStyle: {}
                }]
            };
            
            chart.setOption(option);
        });
    </script>
</body>
</html>
